<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<canvas id="canvas" width="600" height="600"></canvas>
		<script type="text/javascript">
			var canvas = document.querySelector("#canvas")
			var ctx = canvas.getContext('2d')
			
			//绘制图像
			//ctx.drawImage(图片对象，x位置,y位置)
			//ctx.drawImage(图片对象，x位置,y位置，宽度，高度)
			//ctx.drawImage(图片对象，图像裁剪的位置x，图像裁剪y的位置，裁剪的宽度，裁剪的高度，x位置,y位置，宽度，高度)
			var img  = new Image();
				img.src="img/cat.jpg";
			img.onload =function(){
				ctx.fillStyle = "green";
				
				ctx.drawImage(img,100,100,500,500);
				ctx.fillText("老陈打码", 520, 580);
				ctx.strokeText("老陈打码",110,110);
			}			
		</script>
	</body>
</html>
